import React, { memo } from 'react'
import ScrollView from '@/base-ui/scroll-view/index'
import TabsDiv from './style'

const index = memo((props) => {
    const {Longfor} = props
  return (
    <TabsDiv>
        <ScrollView>
        {
          Longfor?.list?.map((n,i)=>{
            return <li className='item' key={i}>
              <div className="msg" style={{position:'absolute',bottom:'15%',color:"white",left:'50%',textAlign:"center",transform:"translateX(-50%)",fontSize:'15px'}}>
                <div>{n.city}</div>
                <div>均价 {n.price}</div>
              </div>
              <img style={{width:'200px',height:'300px',marginRight:'10px'}} src={n.picture_url} alt="" />
            </li>
          })
        }
        </ScrollView>
    </TabsDiv>

  )
})

export default index